<template>
  <!-- <div :class="{ hidden: hidden }" class="pagination-container"> -->
    <!-- <el-pagination
      :background="background"
      :current-page.sync="currentPage"
      :page-size.sync="pageSize"
      :layout="layout"
      :page-sizes="pageSizes"
      :total="total"
      v-bind="$attrs"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
    /> -->
  <!-- </div> -->
</template>

<script>
  // import { scrollTo } from '@/utils/scroll-to';

  // export default {
  //   name: 'Pagination',
  //   props: {
  //     total: {
  //       required: true,
  //       type: Number
  //     },
  //     page: {
  //       type: Number,
  //       default: 1
  //     },
  //     limit: {
  //       type: Number,
  //       default: 10
  //     },
  //     pageSizes: {
  //       type: Array,
  //       default() {
  //         return [10, 20, 30, 50];
  //       }
  //     },
  //     layout: {
  //       type: String,
  //       default: 'total, sizes, prev, pager, next, jumper'
  //     },
  //     background: {
  //       type: Boolean,
  //       default: true
  //     },
  //     autoScroll: {
  //       type: Boolean,
  //       default: true
  //     },
  //     hidden: {
  //       type: Boolean,
  //       default: false
  //     }
  //   },
  //   computed: {
  //     currentPage: {
  //       get() {
  //         return this.page;
  //       },
  //       set(val) {
  //         this.$emit('update:page', val);
  //       }
  //     },
  //     pageSize: {
  //       get() {
  //         return this.limit;
  //       },
  //       set(val) {
  //         this.$emit('update:limit', val);
  //       }
  //     }
  //   },
  //   methods: {
  //     handleSizeChange(val) {
  //       this.$emit('pagination', { page: this.currentPage, limit: val });
  //       if (this.autoScroll) {
  //         scrollTo(0, 800);
  //       }
  //     },
  //     handleCurrentChange(val) {
  //       this.$emit('pagination', { page: val, limit: this.pageSize });
  //       if (this.autoScroll) {
  //         scrollTo(0, 800);
  //       }
  //     }
  //   }
  // };
</script>

<style lang="scss">
  .pagination-container {
    background: #fff;
    text-align: right;
    padding: 20px 0;
    .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #3370ff;
    }
  }
  .pagination-container.hidden {
    display: none;
  }
</style>
